/**
 * 
 * www.steven-klix.de
 * 
 * @author	Steven Klix (post@steven-klix.de)
 * @version	1.0
 * 
 */

#login {
	background-color: #FFF;
	box-shadow: 0px 0px 25px 5px #666;
	height: 450px;
	left: 50%;
	margin: -225px 0 0 -375px;
	overflow: auto;
	position: absolute;
	top: 50%;
	width: 750px;
}
	
	.login-box {
		border-color: #4F5C40;
		border-radius: 5px;
		border-style: solid;
		border-width: 2px;
		float: left;
		height: 210px;
		margin: 30px 0 0 33px;
		width: 202px;
	}
	
		.login-box h1 {
			background-color: #4F5C40;
			color: #FFF;
			font-size: 20px;
			padding: 5px 0;
		}
	
		.login-box p {
			padding: 10px 15px;
		}
		
				
				.login-box form div label {
					color: #4F5C40;
					margin: 8px 15px 0;
					padding: 3px;
					width: auto;
				}
				
				.login-box form div input, .login-box form div input:active, .login-box form div input:focus, .login-box form div input:hover {
					border-color: #4F5C40;
					border-radius: 3px;
					border-style: solid;
					border-width: 1px;
					color: #4F5C40;
					height: auto;
					margin: 0 15px;
					padding: 5px;
					width: 158px;
				}
				
				.login-box form div input[type = "submit"] {
					background-color: #4F5C40;
					color: #FFF;
					margin: 15px 15px 0;
					width: 170px;
				}
		
		.login-link {
			background-color: #4F5C40;
			border-color: #4F5C40;
			border-radius: 3px;
			border-style: solid;
			border-width: 1px;
			color: #FFF;
			display: block;
			font-size: 13px;
			font-weight: bold;
			height: auto;
			margin: 54px 15px 0;
			padding: 5px 10px;
			text-align: center;
			text-decoration: none;
			width: auto;
		}
			
			.login-link a {
				text-decoration: inherit;
			}

#sheet {
	background-color: #FFF;
	box-shadow: 0px 0px 25px 5px #666;
	left: 50%;
	margin: 50px 0 0 -375px;
	min-height: 100%;
	padding: 0 0 50px 0;
	position: absolute;
	width: 750px;
}
	
	#briefkopf {
		margin: 10px 0;
	}

#fortschritt {
	margin: 20px 50px;
	overflow: auto;
	width: 650px;
}
	
	#fortschritt span {
		background-image: url('./../images/pfeil.png');
		background-position: left center;
		background-repeat: no-repeat;
		color: #FFF;
		display: block;
		float: left;
		height: 35px;
		line-height: 35px;
		margin: 0 0 0 -17px;
		padding: 0 0 0 30px;
		width: 145px;
	}
	
	#fortschritt span:first-child {
		background-image: url('./../images/pfeil_start.png');
		margin: 0;
		padding: 0 0 0 10px;
		width: 165px;
	}
	
		#fortschritt span.pfeil_inaktiv {
			background-image: url('./../images/pfeil_inaktiv.png');
		}

.formular {
	margin: 15px 50px;
	width: 650px;
}
	
	.drei-spalten label {
		background-color: #4F5C40;
		color: #FFF;
		margin: 5px 10px 5px 0px;
		text-align: center;
		width: 120px;
	}
	
	.drei-spalten input {
		margin: 0;
		width: 248px;
	}
	
	.drei-spalten select {
		width: 250px;
	}
	
	.fuenf-spalten tbody tr {
		height: 40px;
	}
	
	.fuenf-spalten label {
		background-color: #4F5C40;
		color: #FFF;
		margin: 5px 10px 5px 0px;
		text-align: center;
		width: 30px;
	}
	
	.fuenf-spalten input {
		width: 128px;
	}
		
		.fuenf-spalten input[type = "checkbox"] {
			margin: 0 5px 0 0;
			width: auto;
		}
		
		.fuenf-spalten input[type = "submit"] {
			padding: 5px 10px;
			width: auto;
		}
		
	.fuenf-spalten select {
		width: 150px;
	}
	
	.formular thead tr th {
		border-color: #4F5C40;
		border-style: solid;
		border-width: 0 0 2px 0;
	}
	
	.formular tfoot tr td {
		border-color: #4F5C40;
		border-style: solid;
		border-width: 2px 0 0 0;
	}
		
		.formular tfoot tr td input:active, .formular tfoot tr td input:focus, .formular tfoot tr td input:hover {
			background-color: #4F5C40;
			border-radius: 0;
			color: #FFF;
			margin: 5px 0 0 0;
			padding: 5px 0;
			width: 650px;
		}
		
		.formular tfoot tr td input {
			background-color: #FFF;
			border-color: #4F5C40;
			border-radius: 0;
			color: #4F5C40;
			margin: 5px 0 0 0;
			padding: 5px 0;
			width: 650px;
		}


.error {
	color: #B00;
}

.error_list {
	border-color: #B00;
	border-style: solid;
	border-width: 2px;
	padding: 10px;
	width: 626px;
}


#footer {
	background-color: #4F5C40;
	bottom: 0;
	color: #FFF;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	padding: 0 50px;
	position: absolute;
	text-align: right;
	width: 650px;
}
	
	#footer input {
		background-color: #FFF;
		border-color: #4F5C40;
		border-width: 1px;
		border-radius: 3px;
		font-size: inherit;
		font-weight: inherit;
		height: auto;
		margin: 0;
		padding: 5px 10px;
		width: auto;
	}
	
	#footer input:hover {
		background: none;
		border-color: #FFF;
		color: #FFF;
	}
	
	#footer .left {
		float: left;
		margin: 10px 0;
	}





#box {
	height: 602px;
	left: 50%;
	margin: -301px 0 0 -451px;
	position: absolute;
	top: 50%;
	width: 902px;
}
	
	#box-header {
		background-color: #4F5C40;
		border-color: #4F5C40;
		border-style: solid;
		border-radius: 10px 10px 0 0;
		border-width: 1px 1px 0 1px;
		color: #CAC8B5;
		font-size: 20px;
		height: 20px;
		line-height: 20px;
		padding: 15px;
		width: 870px;
	}
		
		#box-header h1 {
			color: inherit;
			font-size: inherit;
		}
	
	#box-content {
		background-color: #CAC8B5;
		border-color: #4F5C40;
		border-style: solid;
		border-width: 0 1px;
		height: 500px;
		width: 900px;
	}
	
	#box-footer {
		background-color: #4F5C40;
		border-color: #4F5C40;
		border-style: solid;
		border-radius: 0 0 10px 10px;
		border-width: 1px 1px 0 1px;
		color: #CAC8B5;
		font-size: 16px;
		height: 50px;
		line-height: 16px;
		text-align: right;
		width: 900px;
	}
		
		#box-footer input {
			font-size: 16px;
			line-height: 20px;
			margin: 9px 8px;
			padding: 5px 10px;
			width: auto;
		}